<template>
	<div class="container">
		<div class="content">
			<div class="left">商户资料</div>
			<div class="right">
				<el-breadcrumb separator-class="el-icon-arrow-right">
					<el-breadcrumb-item>首页</el-breadcrumb-item>
					<el-breadcrumb-item>账户管理</el-breadcrumb-item>
					<el-breadcrumb-item><a href="#">商户资料</a></el-breadcrumb-item>
				</el-breadcrumb>
			</div>
		</div>
		<hr class="margin-h">
		<div class="message">
			<p class="meterial">基本资料</p>
			<el-form  label-width="100px">
				<el-form-item label="商户号:">
					<el-form-item>900000000026482</el-form-item>
				</el-form-item>
				<el-form-item label="线下商户号:">
					<el-form-item>82384261726351726</el-form-item>
				</el-form-item>
				<el-form-item label="资金账户:">
					<el-form-item>商户现金户</el-form-item>
					<el-form-item>商户代付户</el-form-item>
					<el-form-item>商户可用余额户</el-form-item>
					<el-form-item>商户过渡户</el-form-item>
				</el-form-item>
				<el-form-item label="商户名称:">
					<el-form-item>STG2-陆金所商户名STG2-陆金所商户名STG2-陆金所商户名</el-form-item>
				</el-form-item>
				<el-form-item label="公司地址:">
					<el-form-item></el-form-item>
				</el-form-item>
			</el-form>
		</div>
		<hr class="margin-v">
		<div class="message">
			<p class="meterial">结算信息</p>
			<el-form label-width="100px">
				<el-form-item label="结算信息:">
					<el-form-item>日结</el-form-item>
				</el-form-item>
				<el-form-item label="提前结算银行:">
					<el-form-item>平安银行</el-form-item>
				</el-form-item>
				<el-form-item label="提前结算账号:">
					<el-form-item>90000******26482</el-form-item>
				</el-form-item>
				<el-form-item label="账户名称:">
					<el-form-item>中国建设银行</el-form-item>
				</el-form-item>
			</el-form>
		</div>
		<hr class="margin-v">
		<div class="message">
			<p class="meterial">商户网站信息</p>
			<el-form label-width="100px">
				<el-form-item label="中文名称:">
					<el-form-item></el-form-item>
				</el-form-item>
				<el-form-item label="英文名称:">
					<el-form-item></el-form-item>
				</el-form-item>
				<el-form-item label="网站域名:">
					<el-form-item></el-form-item>
				</el-form-item>
			</el-form>
		</div>
		<hr class="margin-v">
	</div>

</template>

<script>
</script>

<style scoped="scoped">
	.meterial{
		margin-bottom: 20px;
	}
	.container{
		width: 100%;
	}
	.content {
		display: flex;
		justify-content: space-between;
		align-items: center;
		height: 17px;
		margin: 25px 20px;
		padding-left: 10px;
		border-left: 1px solid #0075D2;
	}
	.margin-h{
		margin-left: 20px;
		margin-right: 20px;
	}

	a {
		font-weight: 700 !important;
	}
	hr{
		margin: 0;
		padding: 0;
		border: none;
		border-bottom: 1px solid #ddd;
		height: 0;
	}
	.message {
		margin-top: 23px;
		margin-left: 70px;
	}
	
	.margin-v {
		border-bottom: 1px dotted #ddd;
		margin: 25px 20px;
	}
</style>
<style>
	.el-breadcrumb__inner {
		color: #666666 !important;
	}

	.el-breadcrumb {
		font-size: 12px !important;
	}
	
</style>


